<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>系统总览</title>
	<link href="../static/css/index.css" th:href="@{/css/index.css}" rel="stylesheet" type="text/css" />
	<link href="../static/css/layer/layer.css" th:href="@{/css/layer/layer.css}" rel="stylesheet" type="text/css" />
	<script type="text/javascript" th:src="@{/js/jquery/jquery.min.js}"></script>
	<script type="text/javascript" th:src="@{/js/layer/layer.js}"></script>
	<script type="text/javascript" th:src="@{/js/common.js}"></script></head>
<body>
    <div class="wrapper" >
		<img src="../static/images/bg1.jpg" th:src="@{/images/bg1.jpg}" alt="">
		<img src="../static/images/bg2.jpg" th:src="@{/images/bg2.jpg}" alt="" style="display:none;">
		<img src="../static/images/bg3.jpg" th:src="@{/images/bg3.jpg}" alt="" style="display:none;">
        <!-- 图标 -->
		<div class="clickImg">
			<div class="home">
				<img src="../static/images/2.png" th:src="@{/images/2.png}" alt="">
			</div>
			<div class="system">
				<img src="../static/images/3.png" th:src="@{/images/3.png}" alt="">
			</div>
			<div class="person">
				<img src="../static/images/5.png" th:src="@{/images/5.png}" alt="">
			</div>
		</div>
        <!-- 系统总览 -->
        <div class="systemOverview">
        </div>
		<div id="cctvPic" style="display:none"><img width="1280" height="720" id="cctvImg" src=""/></div>
        <!-- 系统运营模式 -->
        <div class="operationMode">
        	<div class="passMode">工作日
        	</div>
            <div class="publicArea">
            </div>
            <div class="intelligence">
            </div>
        </div>
		
		<div id="bg">				
		</div>
        <div class="mode_list" style="border-radius:25px;">
			<ul >
				<li style="border-top-left-radius:15px;border-top-right-radius:15px">工作日</li>
				<li>节假日</li>
				<li>国展</li>
				<li>大客流一级响应</li>
				<li>大客流二级响应</li>
				<li style="border-bottom-left-radius:15px;border-bottom-right-radius:15px">大客流三级响应</li>
			</ul>
		</div>
		
        <!-- 车站运营事件 -->
        <div class="operationalEvents">

        </div>

        <!-- 时间 -->
        <div class="timeDiv">
            <span class="date"></span>
            <span class="time"></span>
        </div>
		
		<div class="iframe">
		
		</div>
        <!-- 设备、热力图、人员 -->

        <!-- 温度等数据 -->
        <div class="temperature"></div>
        <div class="precipitation"></div>
        <div class="ppm">
            <p></p>
            <p>ppm</p>
        </div>
        <div class="gzzx"></div>
        <!-- 车站客流趋势 -->
        <div id="trend"></div>

        <!-- 区域客流密度 -->
        <div id="density"></div>

        <!-- 人员信息 -->
        <div id="personnel"></div>

        <!-- 任务信息 -->
        <div class="fault"></div>
        <div class="workOrder"></div>
        <div class="processed">24</div>
        
    </div>

	<script src="../static/js/echart/echarts.min.js" th:src="@{/js/echart/echarts.min.js}"></script>
	<script th:inline="javascript" type="text/javascript">
    	var picIcon = [[@{/images/pic.png}]]; //加载事件图标
	</script>
	<script src="../static/js/index.js" th:src="@{/js/index.js}"></script>
</body>
</html>